<template>
  <div
    class="iteration-body basic-node"
    ref="NodeRef"
  >
  </div>
</template>

<script setup lang="ts" name="IterationBody">
</script>
<style scoped lang="scss">
.iteration-body {
  min-width: 536px;
  height: 100%;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 2fr);
  grid-template-rows: repeat(3, 100px);
  gap: 20px;
  background-image: radial-gradient(circle, rgb(170, 170, 170) 1px, transparent 1px);
  background-size: 18px 18px;
  height: calc(100% - 40px);
}
/* 响应式调整点的大小 */
@media (max-width: 768px) {
  .grid-container {
    background-size: 18px 18px;
  }
}
</style>
